.sprot-run{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    
    
    .main{
        width: 100%;
        flex: 1;
       
    }
    // .footer{
    //     position: fixed;
    //     bottom: 0px;
    //     width: 100%;
    //     height: 75px;
    //     background-color: white;
    //     display: flex;
       
    //     box-shadow: 0px -1px 2px gray;
    //     >a{
    //         flex: 1;
    //         display: flex;
    //         flex-direction: column;
    //         justify-content: center;
    //         align-items: center;
    //         color: rgba(138, 138, 138, 1);
    //         font-size: 14px;
    //         >.iconfont {
    //             font-family: "iconfont" !important;
    //             font-size: 30px;
    //             font-style: normal;
    //             -webkit-font-smoothing: antialiased;
    //             -moz-osx-font-smoothing: grayscale;
    //           }
    //     }
    //     .active{
    //         color: #4294FF;
    //     }
        
    // }
    .top{
        height: 170px;
        padding: 0 25px;

        .topT{
            display: flex;
            line-height: 58px;
            border-bottom: 1px solid rgba(221, 221, 221, 1);

            >div{
                display: flex;
                justify-content: center;
                overflow: hidden;
            }
            a{
                display:inline-block;
                color: rgba(154, 154, 154, 1);
                font-size: 16px;
            }
            .active{
               border-bottom: 2px solid rgba(66, 148, 255, 1);
               color: rgba(66, 148, 255, 1);
                font-size: 20px;
            }
            
            
        }
        .topB{ 
            
            >p{
                color: rgba(51, 51, 51, 1);
                font-weight: bold;
                font-size: 16px;
                line-height:46px;

                >span{
                    color: rgba(66, 148, 255, 1);
                    font-size: 48px;
                }
            }
        }
    }
    .center{
        height: 100%;
        height: 375px;
    }

    #container {
        overflow: hidden;
        width: 100%;
        height: 375px;
        margin: 0;
        font-family: "微软雅黑";
    }

    .bottom{ 
        height: 120px;
        line-height: 28px;
        padding-bottom: 170px;
        >p:first-child{
            color: rgba(51, 51, 51, 1);
            font-size: 20px; 
            font-weight: bold;
            margin-left: 24px;
            
        }
        >p:last-child{
            left: 20px;
            color: rgba(154, 154, 154, 100);
            font-size: 14px;
            margin-left: 24px;
        }

    }
     
}